/**
 * @Description: 首页
 * @Author: CKL
 * @Date: 2017/8/25
 * @Copyright: Created by Panxsoft.
 */

// 调货
 var transfer = new Resource(API_LIST.TRANSFER_LIST, Vue.http);
 // 公告
 var notification = new Resource(API_LIST.MESSAGE_REMIND, Vue.http);
 // 商品列表
var production = new Resource(API_LIST.CUSTOMER_PRODUCT, Vue.http);

new Vue ({
   el: '#customer_home',
    data: function () {
        return {
            notifications: null,
            transfer: null,
        }
    },

    methods: {
        /**
         * 初始化化页面数据
         */
        initData: function () {
            var self = this;
            this.fetchTransferData()
                .then(self.fetchNotificationData())
                .catch(function (error) {
                    alert(error.message || error.statusText)
                })
        },

        /**
         *  请求库存数据
         */
        fetchProduct: function () {

            // production.index({
            //     per_page:10,
            //     sort_by:stock,
            //     order:asc
            // }).then(function () {
            //
            // })
        },

        /**
         *  请求调货数据
         */
        fetchTransferData: function () {
            var self = this;
            return transfer.get('',{
                "per_page":20
            }).then(function (response) {
                if(response.data.code !== 0){
                    throw new Error(response.data.error);
                }else{
                    self.transfer = response.data.transfer_cargoes.data;
                }
            })
        },

        /**
         * 请求销售数据
         */
        fetchSaleData: function () {

        },

        /**
         *  请求公告
         */
        fetchNotificationData: function () {
            var self = this;
            return notification.index({
                receiver_type: 'wemall_authorizer',
                receiver_id: 1
            }).then(function (response) {
                if(response.data.code !== 0){
                    throw new Error(response.data.error);
                }else{
                    self.notifications = response.data.notifications;
                }
            })
        }
    },

    mounted: function () {
        this.initData();
        console.dir(this);
    }
});









var option = {
    dataZoom:{
        show: true,
        start: 1,
        end: 50
    },
    xAxis: {
        data: ["1",'2','3',"4",'5','6',"7",'8','9',"10",'11','12']
    },
    yAxis: {},
    series: [{
        name: '销量',
        type: 'line',
        data: [5, 20, 36, 5, 20, 36,5, 20, 36,5, 20, 36,5, 20]
    }]
};


var orderNumberEChart = echarts.init(document.querySelector('.income-content'));
console.dir(document.querySelector('.income-content'));
orderNumberEChart.setOption(option);










// console.dir( echarts );
// 基于准备好的dom，初始化echarts实例
// var orderNumberEChart = echarts.init(document.getElementById('order'));
//
// // 指定图表的配置项和数据
//
// var number_option = {
//
//     tooltip: {
//
//         trigger: 'item',
//
//         formatter: "{a} <br/>{b}: {c} ({d}%)"
//
//     },
//
//     legend: {
//
//         orient: 'vertical',
//
//         x: 'left',
//
//         data:['交易成功','处理中','已退款']
//
//     },
//
//     series: [
//         {
//
//             name:'订单数',
//
//             type:'pie',
//
//             radius: ['30%', '40%'],
//
//             avoidLabelOverlap: false,
//
//             label: {
//
//                 normal: {
//
//                     show: false,
//
//                     position: 'center'
//                 },
//
//                 emphasis: {
//
//                     show: true,
//
//                     textStyle: {
//
//                         fontSize: '30',
//
//                         fontWeight: 'bold'
//
//                     }
//
//                 }
//             },
//
//             labelLine: {
//
//                 normal: {
//
//                     show: false
//
//                 }
//
//             },
//
//             data:[
//
//                 {value:8, name:'已退款'},
//
//                 {value:35, name:'处理中'},
//
//                 {value:58, name:'交易成功'}
//
//             ]
//         }
//     ]
//
// };
//
// // 使用刚指定的配置项和数据显示图表。
// orderNumberEChart.setOption(number_option);
//
//
//
// var incomeEChart = echarts.init(document.getElementById('income'));
//
// var income_option = {
//
//     title: {
//
//         text: '本月日收入'
//
//     },
//
//     tooltip: {
//
//         trigger: 'axis'
//
//     },
//
//     legend: {
//
//         data:['本月日收入']
//
//     },
//
//     grid: {
//
//         left: '3%',
//
//         right: '4%',
//
//         bottom: '3%',
//
//         containLabel: true
//
//     },
//
//     toolbox: {
//
//         feature: {
//
//             saveAsImage: {}
//
//         }
//
//     },
//
//     xAxis: {
//
//         type: 'category',
//
//         boundaryGap: false,
//
//         data: ['7月1','7月2','7月3','7月4','7月5','7月6','7月7',
//
//             '7月8','7月9','7月10','7月11','7月12','7月13','7月14',
//
//             '7月15','7月16','7月17','7月18','7月19','7月20','7月21',
//
//             '7月22','7月23','7月24','7月25','7月26','7月27','7月28',
//
//             '7月29','7月30','7月31']
//
//     },
//
//     yAxis: {
//
//         type: 'value'
//
//     },
//     series: [
//
//         {
//
//             name:'收入明细',
//
//             type:'line',
//
//             stack: '总量',
//
//             data:[0, 32, 101, 134, 900,102,1,222,333,444,22,333,80,80,80,80,80,80,80,80,70,90,40,180,600,700,555,666,666,66,666,]
//         },
//
//     ]
//
// };
//
// incomeEChart.setOption(income_option);
